
<style scoped>
.el-menu{
    border-right: 0;
    border-top: 1px solid #eee;
    padding-top: 70px;
    background-color: #bfbfbf;
    min-height: 500px;
    overflow: hidden;
}

</style>
<template>
    <div class="kidney">
        <el-menu>
            <el-submenu index="1">
                <template slot="title">
                    <i class="el-icon-location"></i>
                    <span>胖</span>
                </template>
                    <el-menu-item index="1-1">蜗牛</el-menu-item>
                    <el-menu-item index="1-2">乖乖</el-menu-item>
                    <el-menu-item index="1-3">把壳</el-menu-item>
                    <el-submenu index="1-4">
                        <template slot="title">开开</template>
                            <el-menu-item index="1-4-1">翔</el-menu-item>
                    </el-submenu>
                </el-submenu>
            <el-menu-item index="2">
                <i class="el-icon-menu"></i>
                <span slot="title">导航二</span>
            </el-menu-item>
            <el-menu-item index="3">
                <i class="el-icon-document"></i>
                <span slot="title">导航三</span>
            </el-menu-item>
            <el-menu-item index="4">
                <i class="el-icon-setting"></i>
                <span slot="title">导航四</span>
            </el-menu-item>
        </el-menu>
    </div>
</template>
